<%@page import="com.qububu.emporium.goodsType.dto.BigTypeDto"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>在线菜品出售</title>
<%-- <link rel="stylesheet" href="<%=request.getContextPath() %>/resource/css/common.css" /> --%>
<%-- <script type="text/javascript" src="<%=request.getContextPath() %>/resource/js/jquery/jquery-1.8.2.js"></script> --%>
<script type="text/javascript" src="<%=request.getContextPath() %>/resource/js/goodsInfo.js"></script> 

<style>
body{
	 font-family: 'Lato';
  font-style: normal; 
}
.classify li{
	width: 120px;
	height: 45px;
	border-bottom: 1px solid #C3E99E;
	padding-left: 50px;
	line-height: 72px;
	font-size: 17px;
	font-weight: bold;
	list-style: none;
	cursor: pointer;
}

#slide ul{
	list-style:none;
	}
#slide li{
	float:left;
	}
.slideul1{
	width:3999px;
	}
.slideul1 ul{
	margin-left:0;;
}
.slideul2{
	padding-left:0;
}
.slideul2 li{
	margin-left:20px;
	margin-top:10px;
	margin-bottom:20px;
}

.slideli1 ul{
	margin-left:0;
} 

#slide{
	overflow:hidden;
	width:1000px;
	margin:0 auto;
	background: white;
	cursor: pointer;
	border-top:1px dashed #C3E99E;
	border-bottom:1px dashed #C3E99E;
	background-image:url('<%=request.getContextPath() %>/resource/images/goodsInfo/top.jpg');
	
	}
</style>
</head>

<body>
		<%@ include file="top.jsp" %>
		<div id="slide"> 
			<ul class="slideul1"> 
				<li class="slideli1"> 
		      		<ul class="slideul2"> 
						<li><img width="180px" height="150px" src="<%=request.getContextPath() %>/resource/images/goodsInfo/dailySpecials1.jpg"/></li> 
						<li><img width="180px" height="150px" src="<%=request.getContextPath() %>/resource/images/goodsInfo/dailySpecials2.jpg"/></li> 
						<li><img width="180px" height="150px" src="<%=request.getContextPath() %>/resource/images/goodsInfo/dailySpecials3.jpg"/></li> 
						<li><img width="180px" height="150px" src="<%=request.getContextPath() %>/resource/images/goodsInfo/dailySpecials4.jpg"/></li> 
						<li><img width="180px" height="150px" src="<%=request.getContextPath() %>/resource/images/goodsInfo/dailySpecials5.jpg"/></li> 
						<li><img width="180px" height="150px" src="<%=request.getContextPath() %>/resource/images/goodsInfo/dailySpecials5.jpg"/></li>
					</ul> 
				</li>
				<li class="slideli2"></li> 
			</ul> 
		</div> 
		<div  style="width: 1000px;height: 35px;margin: 0 auto;margin-top: 7px;">
			<div onmouseover="doBasketOn()" onmouseout="doBasketOff()" style="width: 200px;height: 35px;margin:0 auto;margin-left:800px;border-left:1px solid #C3E99E;border-top:1px solid #C3E99E;border-bottom:1px solid #C3E99E;border-top-left-radius:5px;border-bottom-left-radius:5px;">
				<div style="float: left;width: 18%; height: 35px; margin-left: 5px; line-height:35px;">
					<img style="width: 30px;height: 30px;" src="<%=request.getContextPath() %>/resource/images/food/basket.jpg">
				</div>
				<div style="float: left;width: 47%; height: 35px; border-right:1px solid #C3E99E;font-size:15px;color:#C3E99E;font-weight:bold;text-align: center;line-height:35px;">
					菜篮子<span id="num" style="color:red">0</span>件
				</div>
				<div style="float: left;width: 32%; height: 35px;font-size:15px;background-color:#C3E99E;color:white;font-weight:bold;text-align: center;line-height:35px;">
					结算
				</div>
			</div>
			<div  id="basket" onmouseover="doBasketOn()" onmouseout="doBasketOff()" style="width: 310px;height: auto;margin-left:687px;border:2px solid #C3E99E;position: absolute;z-index: 1000;background-color:white;display:none;border-top-left-radius:5px;border-bottom-left-radius:5px;border-bottom-right-radius:5px;">
				<div style="width: 290px;height:45px;border-bottom:1px solid #D9D9D9;margin-top:10px;margin-left:13px">
					<div style="float: left;width: 50px;height:45px;margin-left:10px"><img style="width: 50px;height:45px;" src="<%=request.getContextPath() %>/resource/images/food/1.png"></div>
					<div style="float: left;width: 60px;height:45px;margin-left:10px;text-align: center;line-height:45px;">名称</div>
					<div style="float: left;width: 70px;height:45px;margin-left:10px;text-align: center;line-height:45px;color:red">￥单价*数量</div>
					<div style="float: left;width: 60px;height:45px;margin-left:10px;text-align: center;line-height:45px;"><input style="margin-top:10px" type="button" value="删除"></div>
				</div>
				<div style="width: 290px;height:45px;border-bottom:1px solid #D9D9D9;margin-top:10px;margin-left:13px">
					<div style="float: left;width: 50px;height:45px;margin-left:10px"><img style="width: 50px;height:45px;" src="<%=request.getContextPath() %>/resource/images/food/1.png"></div>
					<div style="float: left;width: 60px;height:45px;margin-left:10px;text-align: center;line-height:45px;">名称</div>
					<div style="float: left;width: 70px;height:45px;margin-left:10px;text-align: center;line-height:45px;color:red">￥单价*数量</div>
					<div style="float: left;width: 60px;height:45px;margin-left:10px;text-align: center;line-height:45px;"><input style="margin-top:10px" type="button" value="删除"></div>
				</div>
				<div style="width: 290px;height:20px;margin-top:10px;margin-left:13px;">
					<div style="float: left; width: 90px;height:20px;">共<span style="color:red">2</span>件商品</div>
					<div style="float: left; width: 90px;height:20px;margin-left: 100px;">合计:<span style="color:red;font-size:15px">￥0.00</span></div>
				</div>
				<div style="width: 124px;height:30px;margin-top:10px;margin-left:180px;margin-bottom:10px">
					<input style="width: 120px;height:30px;border-radius: 2px;background: #8CC700;border: none;border-style: none;color: #FFFFFF;font-size: 15px;font-weight: bold;" type="submit" value="去菜篮子结算">
				</div>
			</div>
		</div>
		<div style="width: 1000px;height: 500px;background: white;margin: 0 auto;margin-top: 7px;cursor: pointer;border:1px solid #C3E99E;">
			<div style="margin-left: 300px;font-size: 15px;font-weight: bold;margin-top: 7px;"><br><br>今日好菜<span style="margin-left:50px;">当前位置：<font color='red'><span id="classify_location">荤菜频道</span></font></span></div>
			<div style="margin-left: 10px;font-size: 15px;width: 180px;height: 250px;font-size: 15px;float: left;">
				<ul class="classify">
					<li>荤菜频道</li>
					<li>素菜频道</li>
					<li>煲汤频道</li>
					<li>熟食频道</li>
					<li>今日特价套餐</li>
				</ul>
			</div>
		
			<form id="myChoice">
			<div id="meat" style="float: left;width: 726px;height: 405px;border-left:1px solid #C3E99E;margin-left: 29px;margin-top: 5px;border-bottom: 1px solid #C3E99E;display:block;">
				<div style="width: 700px;height: 180px; margin-left:20px">
					<div style="float: left;width: 150px;height: 180px;margin-left: 15px;">
						<img style="" src="<%=request.getContextPath() %>/resource/images/food/1.png">
					<div>惠民价：￥20.00 &nbsp;<input type="checkbox" >购买</div>
					</div>
					<div style="float: left;width: 150px;height: 180px;margin-left: 15px;">
						<img style="" src="<%=request.getContextPath() %>/resource/images/food/1.png">
						<div>惠民价：￥20.00 &nbsp;<input type="checkbox" >购买</div>
					</div>
					<div style="float: left;width: 150px;height: 180px;margin-left: 15px;">
						<img style="" src="<%=request.getContextPath() %>/resource/images/food/1.png">
						<div>惠民价：￥20.00 &nbsp;<input type="checkbox" >购买</div>
					</div>
					<div style="float: left;width: 150px;height: 180px;margin-left: 15px;">
						<img style="" src="<%=request.getContextPath() %>/resource/images/food/1.png">
						<div>惠民价：￥20.00 &nbsp;<input type="checkbox" >购买</div>
					</div>
					<div style="clear:both;"></div>
				</div>
				<div style="width: 700px;height: 180px; margin-left:20px">
					<div style="float: left;width: 150px;height: 180px;margin-left: 15px;">
						<img style="" src="<%=request.getContextPath() %>/resource/images/food/1.png">
					<div>惠民价：￥20.00 &nbsp;<input type="checkbox" >购买</div>
					</div>
					<div style="float: left;width: 150px;height: 180px;margin-left: 15px;">
						<img style="" src="<%=request.getContextPath() %>/resource/images/food/1.png">
						<div>惠民价：￥20.00 &nbsp;<input type="checkbox" >购买</div>
					</div>
					<div style="float: left;width: 150px;height: 180px;margin-left: 15px;">
						<img style="" src="<%=request.getContextPath() %>/resource/images/food/1.png">
						<div>惠民价：￥20.00 &nbsp;<input type="checkbox" >购买</div>
					</div>
					<div style="float: left;width: 150px;height: 180px;margin-left: 15px;">
						<img style="" src="<%=request.getContextPath() %>/resource/images/food/1.png">
						<div>惠民价：￥20.00 &nbsp;<input type="checkbox" >购买</div>
					</div>
					<div style="clear:both;"></div>
				</div>
				<div style="margin:0 auto;width: 640px;;height:20px;line-height: 20px;text-align: center;font-size: 15px;margin-top:10px;">
						<a>上一页</a>&nbsp;<span style="border:1px solid red;width: 20px ;height: 20px;">1</span>&nbsp;<a>下一页</a><span style="margin-left:50px"></span><a onclick="doChoice()">加入菜篮子</a>
				</div>
			</div>
			</form>
			
			<div id="vegetable" style="float: left;width: 726px;height: 405px;border-left:1px solid #C3E99E;margin-left: 29px;margin-top: 5px;border-bottom: 1px solid #C3E99E;display:none;">
				<div style="width: 700px;height: 180px; margin-left:20px">
					<div style="float: left;width: 150px;height: 180px;margin-left: 15px;">
						<img style="" src="<%=request.getContextPath() %>/resource/images/food/2.jpg">
					<div>惠民价：￥20.00 &nbsp;<input type="checkbox" >购买</div>
					</div>
					<div style="float: left;width: 150px;height: 180px;margin-left: 15px;">
						<img style="" src="<%=request.getContextPath() %>/resource/images/food/2.jpg">
						<div>惠民价：￥20.00 &nbsp;<input type="checkbox" >购买</div>
					</div>
					<div style="float: left;width: 150px;height: 180px;margin-left: 15px;">
						<img style="" src="<%=request.getContextPath() %>/resource/images/food/2.jpg">
						<div>惠民价：￥20.00 &nbsp;<input type="checkbox" >购买</div>
					</div>
					<div style="float: left;width: 150px;height: 180px;margin-left: 15px;">
						<img style="" src="<%=request.getContextPath() %>/resource/images/food/2.jpg">
						<div>惠民价：￥20.00 &nbsp;<input type="checkbox" >购买</div>
					</div>
					<div style="clear:both;"></div>
				</div>
				<div style="width: 700px;height: 180px; margin-left:20px">
					<div style="float: left;width: 150px;height: 180px;margin-left: 15px;">
						<img style="" src="<%=request.getContextPath() %>/resource/images/food/2.jpg">
					<div>惠民价：￥20.00 &nbsp;<input type="checkbox" >购买</div>
					</div>
					<div style="float: left;width: 150px;height: 180px;margin-left: 15px;">
						<img style="" src="<%=request.getContextPath() %>/resource/images/food/2.jpg">
						<div>惠民价：￥20.00 &nbsp;<input type="checkbox" >购买</div>
					</div>
					<div style="float: left;width: 150px;height: 180px;margin-left: 15px;">
						<img style="" src="<%=request.getContextPath() %>/resource/images/food/2.jpg">
						<div>惠民价：￥20.00 &nbsp;<input type="checkbox" >购买</div>
					</div>
					<div style="float: left;width: 150px;height: 180px;margin-left: 15px;">
						<img style="" src="<%=request.getContextPath() %>/resource/images/food/2.jpg">
						<div>惠民价：￥20.00 &nbsp;<input type="checkbox" >购买</div>
					</div>
					<div style="clear:both;"></div>
				</div>
				<div style="margin:0 auto;width: 640px;;height:20px;line-height: 20px;text-align: center;font-size: 15px;margin-top:10px;">
						<a>上一页</a>&nbsp;<span style="border:1px solid red;width: 20px ;height: 20px;">1</span>&nbsp;<a>下一页</a><span style="margin-left:50px"></span><a>加入菜篮子</a>
				</div>
			</div>
		</div>

	
	

	<%@ include file="foot.jsp" %>
</body>
</html>